import React, {Component} from 'react';
import {Text, View, Image, ScrollView} from 'react-native';
import {WingBlank, Flex} from '@ant-design/react-native';
import Video from 'react-native-video';

export default class GetMoneyInfo extends Component {
    static navigationOptions = {
        title: '怎样返现金',
    };

    render() {
        return (
            <ScrollView style={{flex: 1}}>
                <Flex style={{width: '100%', height: 200}}>
                    <Video
                        style={{width: '100%', height: '100%'}}
                        resizeMode="contain"
                        paused
                        controls
                        source={{uri: 'http://1301076982.vod2.myqcloud.com/a804d64fvodtranscq1301076982/baa052555285890806762649191/v.f100810.mp4'}}
                    />
                </Flex>
                <View style={{backgroundColor: '#FFFFFF'}}>
                    <WingBlank size={'lg'}>
                        <Text style={{marginTop: '5%', fontSize: 18}}>"怎样返现金"视频讲解</Text>
                        <Flex direction="row" align="center" style={{marginBottom: 10}}>
                            <Flex direction="row" align="center" justify="center" style={{marginTop: 5}}>
                                <Image style={{width: 15, height: 15}} source={require('~/assets/my/time2x.png')} />
                            </Flex>
                            <Flex direction="row" align="center" justify="center" style={{marginLeft: '2%', marginTop: 5}}>
                                <Text style={{color: '#999999'}}>发布时间:2020-08-10</Text>
                            </Flex>
                            <Flex direction="row" align="center" justify="center" style={{marginLeft: '5%', marginTop: 5}}>
                                <Image style={{width: 15, height: 15}} source={require('~/assets/my/bro2x.png')} />
                                <Text style={{color: '#999999', marginLeft: 5}}>5628次播放</Text>
                            </Flex>
                        </Flex>
                    </WingBlank>
                </View>
                <View style={{flexDirection: 'column', backgroundColor: '#FFFFFF', marginTop: 20}}>
                    <WingBlank size={'lg'}>
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>1</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>“现金”返到哪里？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999'}}>
                            当您在购买车位后，我们会给您开通一个【银仿超市】的会员账号，并将相应的“现金”充值到您的账户上，账户上所显示的名称为“车位币”，车位币与人民币等值。“车位币”只能用于【银仿超市】的抵扣现金消费，不能提现。
                        </Text>
                    </WingBlank>
                    <WingBlank size={'lg'}>
                        <View style={{width: '100%', height: 2, backgroundColor: '#F6F6F6', marginTop: 10}} />
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>2</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>“银仿超市”是个什么东东？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999'}}>
                            【银仿超市】是专门针对车位业主打造的一个线上生活超市，类似于【天猫超市】，超市上包含了柴米油盐、日用百货等上千款商品，几乎涵盖了人们日常生活的所有刚性需求。
                        </Text>
                    </WingBlank>
                    <WingBlank size={'lg'}>
                        <View style={{width: '100%', height: 2, backgroundColor: '#F6F6F6', marginTop: 10}} />
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>3</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>“车位币”如何使用？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999'}}>
                            在【银仿超市】上购买商品时，付款方式为：车位币+现金。举个例：一袋5公斤的金龙鱼盘锦大米市场原价为49.8元，付款方式为：27车位币
                            + 22.9元现金。即一袋49.8元的大米，您只需要支付22.9元现金就可以了。
                        </Text>
                    </WingBlank>
                </View>
            </ScrollView>
        );
    }
}
